<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	$()下的常用方法
		find(): 查找。找到所有的子节点，一路向下直到最后一个
		children() : 返回所有被选元素的所有直接子元素

		eq(): 对应下标
*/
	$(function () {
		// $('div').find('h3').css('background', '#45cfff');

		$('h3').children().css('background', '#45cfff');

		// $('div').find('h3').eq(2).css('background', 'red');
	})
	</script>
</head>
<body>
	<div>
		<h2>h2</h2>
		<h2>h2</h2>
		<h3>h3</h3>
		<h2>h2</h2>
		<h3>h3
			<p>p1
				<ul><li>1</li><li>2</li></ul>
			</p>
			<span>span2</span>
		</h3>
		<h3>h3</h3>
	</div>
	<hr>
	<h3>H3</h3>
</body>
</html>